<!-- <div class="text-center mb-6 mt-6">
    <img src="/assets/mixcore-logo-full-white-text.png" alt="">
</div> -->
<div ng-init="init()">
  <h1 class="display-4">Hooray! Almost there...</h1>
  <p class="lead">
    You can start <strong>mixcore</strong> by choosing our beautiful themes.<br />Then
    click <a ng-click="submit()">Create the website</a> to launch.
  </p>

  <hr />
  <div class="">
    <form id="frm-theme">
      <div class="options">
        <div
          class="option active"
          style="
            --optionBackground: url(../mix-app/mix-app/assets/img/bgs/thumb_theme1.png);
          "
        >
          <label for="theme-1">
            <div class="shadow"></div>
            <div class="label">
              <!-- <i class="fas fa-walking"></i> -->
              <div class="round">
                <input
                  class="preventUncheck"
                  type="checkbox"
                  id="theme-1"
                  ng-model="data.isCreateDefault"
                  checked
                  name="themes[1][]"
                />
                <label ng-if="!data.is1Selected" for="theme-1"></label>
                <label
                  ng-if="data.is1Selected"
                  ng-click="submit()"
                  for="theme-1"
                ></label>
              </div>

              <div class="info">
                <div class="main">Now UI Kit Pro</div>
                <div class="sub">MVC App</div>
              </div>
            </div>
          </label>
        </div>

        <div
          class="option"
          style="
            --optionBackground: url(../mix-app/mix-app/assets/img/bgs/thumb_theme2.png);
          "
        >
          <label for="theme-2">
            <div class="shadow"></div>
            <div class="label">
              <div class="round">
                <input
                  class="preventUncheck"
                  type="checkbox"
                  id="theme-2"
                  name="themes[1][]"
                />
                <label for="theme-2"></label>
              </div>
              <div class="info">
                <div class="main">[ Theme's Name ]</div>
                <div class="sub">Onepage App</div>
              </div>
            </div>
          </label>
        </div>

        <div
          class="option"
          style="
            --optionBackground: url(../mix-app/mix-app/assets/img/bgs/thumb_owntheme.png);
          "
        >
          <label for="theme-3">
            <div class="shadow"></div>
            <div class="label">
              <div class="round">
                <input
                  class="preventUncheck"
                  type="checkbox"
                  id="theme-3"
                  name="themes[1][]"
                />
                <label for="theme-3"></label>
              </div>
              <div class="info">
                <div class="main">Your own theme</div>
                <div class="sub">
                  <api-file
                    form-name="'theme'"
                    class="form-control"
                    posted-file="theme"
                    style="
                      display: unset;
                      padding: 0;
                      background-color: unset;
                      border: none;
                      border-radius: 0;
                      color: #fff;
                    "
                  ></api-file>
                </div>
              </div>
            </div>
          </label>
        </div>
      </div>
      <!-- <div class="row no-gutters">
                    <div class="card col-md-6">
                        <img src="https://s3.amazonaws.com/creativetim_bucket/products/62/original/opt_nukp_thumbnail.jpg?1503343544"
                            class="card-img-top" alt="...">
                        <div class="card-body">
                            <h5 class="card-title">Now UI Kit Pro</h5>
                            <p class="card-text">
                                Theme proudly
                                sponsored by Creative Tim.
                            </p>
                            <p class="card-text">
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" ng-model="data.isCreateDefault"
                                        id="isCreateDefault">
                                    <label class="custom-control-label" for="isCreateDefault">Use</label>
                                </div>
                            </p>
                        </div>
                    </div>
                    <div class="card col-md-6">
                        <img src="https://s3.amazonaws.com/creativetim_bucket/products/62/original/opt_nukp_thumbnail.jpg?1503343544"
                            class="card-img-top" alt="...">
                        <div class="card-body">
                            <h5 class="card-title">Now UI Kit Pro</h5>

                            <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                        </div>
                    </div>
                </div> -->
      <!-- <div class="mb-3">
                <div class="form-check">
                    <input type="checkbox" class="form-check-input" ng-model="data.isCreateDefault"
                        id="isCreateDefault">
                    <label class="custom-control-label" for="isCreateDefault">Using Now UI Kit Pro as your default
                        time</label>
                </div>
            </div> -->
      <!-- <div class="mb-3">
                <label class="form-label">Or import your theme:</label><br />
                <hr class="hr-text" data-content="OR">
                <api-file form-name="'theme'" class="form-control" posted-file="theme"></api-file>
            </div>
 -->
    </form>
  </div>
  <!-- <div class="text-center form-footer">
        <button ng-click="submit()" class="btn btn-primary mt-4">Create and Login</button>
    </div> -->
</div>
